<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../plugs/layui/dist/css/layui.css">
    <link rel="icon" href="../image/logo.ico" type="image/x-icon">
    <script type="text/javascript" src="../js/head-nav.js"></script>
   <link rel="stylesheet" href="../css/personal.css">
</head>

<body>
    <div class="layui-container" id="head">
        <div class="layui-row ">
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md3 layui-col-space30">

                <div class="layui-row" id="top">
                    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-md-offset4">
                        <img src="../image/logo.png" class="headimg">
                    </div>
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6  layui-col-md-offset4">
                        <div class="layui-row layui-col-xs6 layui-col-sm6 layui-col-md12  layui-col-md-offset3">
                            <div class="nickname"><span>0.0</span><i class="layui-icon layui-icon-username" "></i></div>
                            </div>
                            <div id=" describe">
                                    <p style="font-size: 9px; color: #3c3c3c ">&nbsp;&nbsp;&nbsp;加入plus会员，尊享10大特权</p>
                            </div>
                            <div id="plus">升级为Plus会员</div>
                        </div>
                    </div>
                    <!-- <div> </div>
                    <div><span>0.0</span><i class="layui-icon layui-icon-username" style="font-size: 20px; color:#D5D5D5; margin-left: 140px;"></i></div>
                    <div></div> -->
                    <div>
                        <ul class="layui-nav layui-nav-tree" id="left" lay-filter="test">
                            <div>
                                <li class="layui-nav-item layui-nav-itemed">
                                    <dd><a href="javascript:;"> <i class="layui-icon  layui-icon-star"> </i>收藏夹</a></dd>
                                    <dd><a href="javascript:;"> <i class="layui-icon  layui-icon-list "> </i>个人笔记</a>
                                    </dd>
                                    <dd><a href=""> <i class="layui-icon  layui-icon-form "></i> 我的题解</a></dd>
                                    <dd><a href=""> <i class="layui-icon  layui-icon-heart"></i> 创造激励</a></dd>
                                </li>
                            </div>
                            <div>
                                <hr class="hr-style-seven">
                                <li class="layui-nav-item">
                                    <dd><a href=""> <i class="layui-icon layui-icon-engine "></i> 做题分析</a></dd>
                                    <dd><a href=""> <i class="layui-icon layui-icon-layouts "></i> 进度管理</a></dd>

                                </li>
                            </div>
                            <hr class="hr-style-seven">
                            <div>
                                <li class="layui-nav-item">
                                    <dd><a href=""><i class="layui-icon layui-icon-template-1 "></i> 积分</a></dd>
                                    <dd><a href=""><i class="layui-icon  layui-icon-layer "></i> 优惠券</a></dd>
                                    <dd><a href=""><i class="layui-icon  layui-icon-survey"></i> 订单</a></dd>
                                </li>
                            </div>
                            <hr class="hr-style-seven">
                            <div>
                                <li class="layui-nav-item">
                                    <dd><a href=""><i class="layui-icon layui-icon-template-1 "></i> 个人资料</a></dd>
                                    <dd><a href=""><i class="layui-icon  layui-icon-layer "></i> 账号安全</a></dd>
                                    <dd><a href=""><i class="layui-icon  layui-icon-survey"></i> 通知与隐私</a></dd>
                                </li>
                            </div>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-space30" id="center">
                    <div class="layui-col-space30" id="center-h" 
                    onmouseover="mouseover()" onmouseleave="mouseleave()">
                        <div><i class="layui-icon  layui-icon-form "></i> <a href=""> 我的资料</a></div>
                        <div id="info">
                            <div class="layui-row">
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md3 ">真实姓名--</div>
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md3 ">居住地--</div>
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md3 ">生日--</div>
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md3 "><i
                                        class="layui-icon  layui-icon-cellphone"></i> </div>
                            </div>

                        </div>
                        <div class="layui-row"><div class="layui-col-xs6 layui-col-sm6 layui-col-md1 "><i class="layui-icon  layui-icon-email"></i></div> <div id="edit" class="layui-col-xs6 layui-col-sm6 layui-col-md1 layui-col-md-offset10"><a href="#" style="color: blue;">编辑</a></div></div>
                    </div>
                      
                        <div id="centertwo">
                        <div> <i class="layui-icon  layui-icon-add-1"></i>添加求职意向</div>
                        <div><i class="layui-icon  layui-icon-add-1"></i>添加工作经历</div>
                        <div><i class="layui-icon  layui-icon-add-1"></i>添加简历</div>
                        <div><i class="layui-icon  layui-icon-add-1"></i>添加教育经历</div>
                        </div>
                    </div>
            
                <div class="layui-col-xs4 layui-col-sm12 layui-col-md3 layui-col-space30" id="right">

                    <div id="right-one"> <div><i class="layui-icon  layui-icon-unlink " style="color: blue;"></i>附件简历</div></div>
                    <div><p>您还没上传任何简历</p>
                        <button class="layui-btn layui-btn-normal mybnt" > <i class="layui-icon  layui-icon-release "></i>上传简历</button>
                        <p>支持DOC、DOCX、PDF格式简历文件，最大不超过 2M</p>
                    </div>
                    <div><i class="layui-icon  layui-icon-note "></i>类推设置<br>
                        <span><font font-size="12px" color="blue">开启智能投递简历</font> <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
                            <i class="layui-icon layui-icon-right"></i>
                          </button></span>
                        <p> 开启即代表，你同意将你的个人简历推荐给企业 HR。</p>
                    </div>
                    
                    
                </div>
                </div>

            </div>
        </div>

        <!-- 你的 HTML 代码 -->

      <!-- <div>
        <script src="../js/bottom-nav.js"></script>
      </div> -->
        <script src="../plugs/layui/dist/layui.js"></script>
        <script>
            let edit=document.getElementById("edit");
            let  centerh=document.getElementById("enter-h");
            mouseover=function()
            {
                edit.style.display="block";
            }
            mouseleave=function()
            {
                edit.style.display="none";
            }
        </script>
</body>

</html>